{% extends '::base.html.twig' %}

{% block body %}
	{{ parent() }}
	
	<div id="search">
				<form action="{{ path('ShowStopTelevisionBundle_searchpage') }}" style="text-align:center" method="post" {{ form_enctype(searchForm) }}>

					<h1>Welcome to ShowStop!</h1>
					{{ form_widget(searchForm.searchBox) }}
					<input type="submit" id="submit" value="Search" />
				</form>	
	</div>
	
	<div style="width: 760px; margin: auto; margin-top: 65px;">
		<div class="series-box" style="margin-right: 30px">
			<h3>Returning Shows</h3>
			<ol style="margin-left: 30px">
				{% for series in returningShows %}
					<li> <a href="{{ path('_seriespage', { 'id': series.id }) }}">{{ series.name }}</a></li>
				{% endfor %}
					
			</ol>
		</div>
	
					
	<div class="series-box">
		<h3>Recent Shows</h3>
		<ol style="margin-left: 30px">
			{% for series in recentShows %}
				<li><a href="{{ path('_seriespage', { 'id': series.id }) }}">{{ series.name }}</a></li>
			{% endfor %}		
		</ol>
	</div>
	<div style="clear:both"></div>
</div>
 {% endblock %}

